<style>
    .my-drop-zone { border: dotted 3px lightgray; }
    .nv-file-over { border: dotted 3px red; } /* Default class applied to drop zones on over */
    .another-file-over-class { border: dotted 3px green; }


    img {
        width: 100%;
        height: 200px;
    }
</style>
<div ng-controller="activityMngCtrl" class="activityForm">
    <h1 class="page-header">活动页管理</h1>

    <div class="row col-xs-12">
        <h2>活动一</h2>
        <div>
            <input type="hidden" class="actId" value=""/>
            <div class="col-md-6">
                标题：<input class="form-control title" >
                链接：<input class="form-control link">
                产品：<input class="form-control pids">
                描述: <textarea class="form-control description" rows="2"></textarea>
            </div>

            <div class="col-md-6">
                广告图片：
                <div nv-file-drop="" uploader="uploader0">
                    <div>
                        <div class="well my-drop-zone" nv-file-over="" uploader="uploader0">拖拽</div>
                    </div>
                    <div class="progress" style="margin-bottom: 0;" >
                        <div class="progress-bar" role="progressbar" ng-style="{ 'width': uploader0.queue[0].progress + '%' }"></div>
                    </div>
                </div>
                <div style="margin-top: 10px;">
                    <img id="img0" ng-src="{{'/images/data/activity/act0.jpg'}}" >
                </div>
            </div>
        </div>

    </div>
    <div class="row col-xs-12">
        <h2>活动二</h2>
        <div>
            <input type="hidden" class="actId" value=""/>
            <div class="col-md-6">
                标题：<input class="form-control title" >
                链接：<input class="form-control link">
                产品：<input class="form-control pids">
                描述: <textarea class="form-control description" rows="2"></textarea>
            </div>

            <div class="col-md-6">
                广告图片：
                <div nv-file-drop="" uploader="uploader1">
                    <div>
                        <div class="well my-drop-zone" nv-file-over="" uploader="uploader1">拖拽</div>
                    </div>
                    <div class="progress" style="margin-bottom: 0;" >
                        <div class="progress-bar" role="progressbar" ng-style="{ 'width': uploader1.queue[0].progress + '%' }"></div>
                    </div>
                </div>
                <div style="margin-top: 10px;">
                    <img id="img1" ng-src="{{'/images/data/activity/act1.jpg'}}" >
                </div>
            </div>
        </div>

    </div>
    <div class="row col-xs-12" >
        <h2>活动三</h2>
        <div>
            <input type="hidden" class="actId" value=""/>
            <div class="col-md-6">
                标题：<input class="form-control title" >
                链接：<input class="form-control link">
                产品：<input class="form-control pids">
                描述: <textarea class="form-control description" rows="2"></textarea>
            </div>

            <div class="col-md-6">
                广告图片：
                <div nv-file-drop="" uploader="uploader2">
                    <div>
                        <div class="well my-drop-zone" nv-file-over="" uploader="uploader2">拖拽</div>
                    </div>
                    <div class="progress" style="margin-bottom: 0;" >
                        <div class="progress-bar" role="progressbar" ng-style="{ 'width': uploader2.queue[0].progress + '%' }"></div>
                    </div>
                </div>
                <div style="margin-top: 10px;">
                    <img id="img2" ng-src="{{'/images/data/activity/act2.jpg'}}" >
                </div>
            </div>
        </div>
        <div class="col-md-offset-5 col-md-12">
            <a class="btn btn-success" ng-click="save();" ng-disabled="form.$invalid">保存</a>
        </div>
    </div>

</div>